<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>动漫评分管理系统-分类</title>
	<link href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
	<link href="static/css/category/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" type="text/css" href="static/css/category/htmleaf-demo.css">
	<link href="static/css/category/jquery.decapitate.css" rel="stylesheet" type="text/css" />
  	<link href="static/css/category/styles.css" rel="stylesheet" type="text/css" />
	<style>
		.navigation{
			margin: 0;
			padding: 0;
			background-color:#F7F7F7;
			height: 128px;
			display: block;
			width: 100%;
		}

		.navigation text{
			text-align: center;
			font-size: 42px;
			color: #000;
			margin-top: 0;
			margin-bottom: 0;
			margin-left: 16px;
			line-height: 128px;
			display: inline-block;
			width: 30%;
		}
	</style>
</head>
<body>
<div class="navigation">
	<text>动漫评分管理系统</text>
</div>
<div class="htmleaf-container">
	<table id="element-table" class="table table-bordered">
		<thead>
		<tr>
			<th>Anime_id</th>
			<th>Name</th>
			<th>Genre</th>
			<th>Type</th>
			<th>Episodes</th>
			<th>Rating</th>
			<th>Members</th>
		</tr>
		</thead>
		<tbody>
		<c:forEach items="${requestScope.animeList}" var="anime">
			<tr>
				<td>${anime.anime_ID}</td>
				<td>${anime.name}</td>
				<td>${anime.genre}</td>
				<td>${anime.type}</td>
				<td>${anime.episodes}</td>
				<td>${anime.rating}</td>
				<td>${anime.members}</td>

			</tr>
		</c:forEach>
		</tbody>
	</table>
</body>
</html>